<template>
	<view class="container">
		<view class="address-time bg-box">
			<view class="address">
				<image :src="$img_path('/pagesMine/8.png')" mode="widthFix"></image>
				<view class="detail">
					<view class="left">
						<view class="city">
							河南省 郑州市 中原区 林山寨街道
						</view>
						<view class="info">
							河北省秦皇岛市山海关区时代
						</view>
						<view class="user">
							张三（123****7894）
						</view>
					</view>
					<image :src="$img_path('/mall/16.png')" mode="widthFix"></image>
				</view>
			</view>
			<view class="time">
				<view class="left">
					<image :src="$img_path('/pagesMine/9.png')" mode="widthFix"></image>
					<text>服务时间</text>
				</view>
				<view class="right">
					{{datetimesingle}}
					<image :src="$img_path('/mall/16.png')" mode="widthFix"></image>
					<uni-datetime-picker
						class="datetime-picker"
						type="datetime"
						v-model="datetimesingle"
						@change="changeLog"
						:hide-second="true"
						/>
				</view>
			</view>
		</view>
		
		<view class="b-user bg-box">
			<view class="left">
				<view class="title">
					被服务者信息
				</view>
				<view class="name">
					张三 男 45 本人
				</view>
				<view class="number">
					12345678910
				</view>
			</view>
			<image :src="$img_path('/mine/r_img.png')" mode="widthFix"></image>
		</view>
		
		<view class="s-info">
			<view class="b-1">
				<image :src="$img_path('/mall/5.png')" mode="widthFix"></image>
				<view class="text">
					<view class="t-1">
						定死服务包名称
					</view>
					<view class="t-2">
						规格名称规格名称10次
					</view>
				</view>
			</view>
			<view class="bx info-item-padding flex-align-item">
				<view class="left">
					<view class="name">
						保险名称保险名称
					</view>
					<text>介绍介绍介绍介绍介绍介绍</text>
				</view>
				<view class="right">
					<text>免费赠送</text>
					<image :src="$img_path('/mall/16.png')" mode="widthFix"></image>
				</view>
			</view>
			<view class="num info-item-padding flex-align-item">
				<view class="left">
					<view class="name">
						数量
					</view>
				</view>
				<view class="right">
					<image @click="(num>1?num--:num)" :src="$img_path('/mall/13.png')" mode="widthFix"></image>
					<!-- <input type="number" /> -->
					<text style="margin: 0 10rpx">{{num}}</text>
					<image @click="num++" :src="$img_path('/mall/12.png')" mode="widthFix"></image>
				</view>
			</view>
			<view class="s-num info-item-padding flex-align-item">
				<view class="left">
					<view class="name">
						剩余次数
					</view>
				</view>
				<view class="right">
					<text>7次</text>
				</view>
			</view>
			<view class="remark info-item-padding flex-align-item">
				<view class="left">
					<view class="name">
						备注
					</view>
				</view>
				<view class="right">
					<text>无备注</text>
					<image :src="$img_path('/mall/16.png')" mode="widthFix"></image>
				</view>
			</view>
		</view>
		
		<view class="disease bg-box">
			<view class="left">
				<image :src="$img_path('/pagesMine/12.png')" mode="widthFix"></image>
				<text>疾病选择</text>
			</view>
			<view class="right">
				<text class="value"></text>
				<image :src="$img_path('/mall/16.png')" mode="widthFix"></image>
			</view>
		</view>
		
		<view class="tool bg-box">
			<view class="title">
				是否有医护服务名称工具？
			</view>
			<view class="tab-btn">
				<button :class="true?'select':''">有</button>
				<button :class="false?'select':''">无</button>
			</view>
			<view class="tool-list">
				<view class="t-item">
					<view class="left">
						<image v-if="true" :src="$img_path('/course/pay_checkbox1.png')" mode="widthFix"></image>
						<image v-else :src="$img_path('/course/pay_checkbox2.png')" mode="widthFix"></image>
						<text>产品名称产品名称x1（¥ 30.00）</text>
					</view>
					<image :src="$img_path('/mall/16.png')" mode="widthFix"></image>
				</view>
			</view>
		</view>
		<view class="tool bg-box">
			<view class="title">
				是否有过敏史？
			</view>
			<view class="tab-btn">
				<button :class="true?'select':''">有</button>
				<button :class="false?'select':''">无</button>
			</view>
			<view class="textarae">
				<textarea placeholder="请输入"></textarea>
			</view>
		</view>
		
		<view class="img-box bg-box">
			<view class="title">
				上传就医证明（必填）
			</view>
			<view class="img">
				<view class="cf">
					<image v-if="false" @click="preview" :src="$img_path('/pagesMine/10.png')" mode="aspectFit"></image>
					<image v-else :src="$img_path('/pagesMine/10.png')" mode="widthFix"></image>
				</view>
				<view class="yp">
					<image v-if="false" @click="preview" :src="$img_path('/pagesMine/11.png')" mode="aspectFit"></image>
					<image v-else :src="$img_path('/pagesMine/11.png')" mode="widthFix"></image>
				</view>
			</view>
		</view>
		
		<view class="bottom-btn">
			<view class="b-btn">
				<view class="b">
					<view class="price">
						￥<text>30</text>.00起
					</view>
					<button>确认</button>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				datetimesingle:'',
				// 数量
				num:1
			};
		},
		methods:{
			changeLog(val){},
			
			preview(){
				uni.previewImage({
					urls:[]
				})
			},
			// 数量的加减
			changeNum(val){
				this.num = val
			}
		}
	}
</script>

<style lang="scss" scoped>
@import './confirmOrder.scss'
</style>
